<template>
	<view class="swiperList">
		<swiper class="screen-swiper square-dot" :indicator-dots="true" :circular="true" :autoplay="true" interval="3000"
		 :style="{'height': swiperHeight+'px'}" duration="500" v-if="swiperList.length">
			<swiper-item v-for="( swiperItem, swiperIndex) in swiperList" :key="swiperIndex">
				<block v-if="dataType=='kv'">
					<image :src="swiperItem.swiperurl" mode="aspectFill"></image>
				</block>
				<block v-else>
					<image :src="swiperItem" mode="aspectFill"></image>
				</block>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		props: {
			swiperList: {
				type: Array,
				default: []
			},
			swiperHeight: {
				type: Number,
				default: 150
			},
			dataType: {
				type: String,
				default: 'kv'
			}
		}
	}
</script>

<style lang="scss">

</style>
